<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbotuList" :key="item.id">
                <!-- 因为轮播组件抽离了出去,添加class属性根据调用轮播图的组件的full状态区分轮播图的css -->
                <img :src="item.img" alt="" :class="{ full:isfull }">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>

export default {
    props:['lunbotuList','isfull']
}
</script>

<style lang="scss" scoped>
    .mint-swipe{
        height:200px;
        .mint-swipe-item{
            text-align: center;
        }
        img{
            height:100%;
        }
    }
    .full{
        width:100%;
        height:100%;
    }
</style>